@media screen and (min-width: 320px) and (max-width: 767px){
	html{font-size: 16px};
	.act{
    	width: 100%;
    	height: auto;
    }
    .act li{
    	width: 100%;
    	height: 500px;
    }
    .act2{
    	position: absolute;
    	left: 0;
    	opacity: 0.8;
    }
    .act2 h3{
    	width: 20%;
    	height: auto;
    	font-size: 18px;
    	margin-left: 20px;
    	margin-top: 10px;
    }
    .act2 p{
    	width: 89%;
    	height: auto;
    	margin: 0 auto;
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 15px;
    }
    .acttittle{
    	width: 95%;
    	height: auto;
    	margin-left: 5%;
    	margin-top: 30px;
    }
    .acttittle h1{
    	font-size: 25px;
    }
    .actcontent{
    	width: 90%;
    	height: auto;
    	margin: 0 auto;
    	margin-top: 0;
    }
    .actlogo{
    	width: 25%;
    	height: auto;
    }
    .actlogo h2{
    	font-size: 20px;
    	margin-top: 10px;
    }
    .acttext{
    	width: 61%;
    	height: auto;
    	margin-top: 25px;
    }
    .acttext li{
    	height: 45px;
    	margin: 5px;
    }
    .acttext h5{
    	font-size: 18px;
    }
    .acttext span{
    	font-size: 12px;
    	margin-left: 25px;
    }
    .act3{
    	width: 100%;
    	position: absolute;
    	top: 572px;
    	left: 0;
    	background: #fff;
    	opacity: 0.8;
    }
    .diamond{
    	width: 160px;
    	height: 160px;
    }
    .diamond2{
    	width: 150px;
    	height: 150px;
    	margin-top: -192px;
    	margin-left: -27px;
    }
    .diamond2 p{
    	font-size: 15px;
    	line-height: 35px;
    }
    .diamond2 span{
    	font-size: 12px;
    }
    .act3 .act3p{
    	width: 90%;
    	margin: 0 auto;
    	margin-top: 10px;
    	font-size: 14px;
    	line-height: 30px;
    }
    .act6{
    	position: absolute;
    	top: 1072px;
    	opacity: 0.8;
    }
    .act6 h5{
    	font-size: 20px;
    	margin-top: 15px;
    	margin-bottom: 25px;
    }
    .act6 span{
    	font-size: 12px;
    	line-height: 20px;
    }
    .span1:before{
    	font-size: 60px;
    	top: 45%;
    	left: 0;
    }
    .span5:after{
    	display: none;
    }
    .act6 p{
    	width: 90%;
    	font-size: 14px;
    	line-height: 30px;
    }
    .jin{
    	width: 100%;
    	height: 100px;
    	padding-top: 6%;
    }
    .one{
		width: 23%;
		height: 84px;
		background-size: 100% 100%;
		padding-top: 0;
		margin-left: 5%;
    }
    .one span{
		margin: 0;
		font-size: 1rem;
    }
    .one p{
    	margin-top: 27%;
    	font-size: 0.88rem;
    }
    .two{
    	width: 23%;
		height: 84px;
		background-size: 100% 100%;
		margin-left: 10%;
    }
    .two span{
		margin: 0;
		font-size: 1rem;
    }
    .two p{
    	margin-top: 27%;
    	font-size: 0.88rem;
    }
    .three{
    	width: 23%;
		height: 84px;
		background-size: 100% 100%;	
		margin-right: 5%;
    }
    .three span{
		margin: 0;
		font-size: 1rem;
    }
    .three p{
    	margin-top: 27%;
    	font-size: 0.88rem;
    }
    .one:hover{
    	background-size: 100% 100%;
    }
    .two:hover{
    	background-size: 100% 100%;
    }
    .three:hover{
    	background-size: 100% 100%;
    }
	.left{
		display: none;
	}
	.right{
		display: none;
	}
	.rong{
		width: 100%;
		height: 100%;
	}
	.wu{
		display: none;
	}
	.jiao{
		width: 90%;
		height: auto;
		display: block;
		margin-top: 10%;
		margin-bottom: 10%;
	}
	.jiao li{
		width: 30%;
		height: 140px;
	}
	.jiao li img{
		width: 100%;
		height: 100%;
	}
	.jiao li:nth-of-type(2){
		margin-left: 5%;
	}
	.suiyi{
		display: none;
	}
	

    footer{
    	height: auto;
    }

}	